.main {
  position: relative;
  width: 100%;
  height: 1200px;
  padding: 0;
  background-color: #f2f3f5;

  .head {
    background-color: #fff;
    height: 60px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 200;
    line-height: 60px;

    .headMain {
      width: 80vw;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: space-around;

      .headLeft {
        display: flex;

        img {
          width: 105px;
          cursor: pointer;
        }

        .menu {
          margin-left: 30px;
          display: flex;
          margin-top: -1px;

          .item {
            margin-right: 25px;
            font-size: 15px;
            cursor: pointer;
            &:hover{
              color:#1e80ff;
              border-bottom: 1px solid #1e80ff;
            }
          }
        }
      }

      .headRight {
        display: flex;
        align-items: center;

        .ant-input-group-wrapper {
          width: 300px;
          margin-right: 18px;
        }

        .btn {
          display: flex;
          width: max-content;
          background-color: #1e80ff;
          border-radius: 3px;
          height: 32px;
          line-height: 32px;
          color: #fff;
          cursor: pointer;

          .creatorCenter {
            font-size: 12px;
            padding: 0 10px;
          }

          .icon {
            padding: 0 5px;
            font-size: 10px;
            border-left: 1px solid #5686ee;
          }
        }

        .vip {
          display: flex;
          align-items: center;
          margin-left: 10px;
          img {
            width: 35px;
          }

          span {
            color: #8a919f;
            font-size: 14px;
          }
        }
      }
    }
  }

  .body {
    margin-top: 75px;
    height: 600px;
    width: 1280px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-column-gap: 20px;

    .left,
    .middle,
    .right {
      background-color: #fff;
    }

    .left {
      height: 600px;
    }

    .right {
      height: 600px;
    }
  }
}